/**
 * 全局样式
 *
 * @format
 */



* {
  margin: 0;
  padding: 0;
  /* 边距重置 */
  box-sizing: border-box;
  font-family: Helvetica, "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* 常用变量 */
:root {
  /* 主色调 */
  --primary-color: #ff434f;
  /* 次色调 */
  --secondary-color: #e3e3e3;
  /* 最浅文字颜色 */
  --text-color-lightest: #e7e9ec;
  /* 较深文字颜色 */
  --text-color-darkest: #2e2e2e;
  /* 较浅文字颜色 */
  --text-color-dark: #494949;
  /* 灰一点的文字颜色 */
  --text-color-gray: #8b8b8b;
  /* 深灰的文字颜色 */
  --text-color-dark-gray: #727272;
  /* 浅灰的文字颜色 */
  --text-color-light-gray: #c6c6c6;
  /* 遮罩层 */
  --backdrop-color: rgba(42, 42, 42, 0.69);
  /* 背景色 */
  --background-color: #393d49;
  /* 文字颜色 */
  --text-color: #adafb4;
}

/* 整休布局 */
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-weight: 400;
  font-size: 20px;
}

#app {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* 头部样式 */
header {
  width: 100%;
  height: 50px;
  background-color: var(--background-color);

}

header .header-container {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  /* 内容垂直居中 */
  align-items: center;
  color: var(--text-color-lightest);
}

/* main */
main {
  flex: 1;
}

.container {
  width: 100%;
  height: 100%;
  max-width: 1500px;
  overflow-y: auto;
  /* 水平居中 */
  margin: 0 auto;
  padding: 0 30px;
}

main::-webkit-scrollbar {
  display: none;
}

/* 控制left-container 显示/隐藏的按钮 */
main .display-hide-left-container {
  position: absolute;
  right: 15vw;
  bottom: 10px;
  /* 移动 */
  transform: translateX(50%);
  z-index: 2;
  width: 6.5vw;
  height: 6.5vw;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: none;
}

main .display-hide-left-container .display-hide-left-container-box {
  width: 100%;
  height: 100%;
  background-color: #393D49;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2em;
}

main .display-hide-left-container .display-hide-left-container-box.active {
  background-color: var(--primary-color);
}

main .display-hide-left-container .display-hide-left-container-box i {
  display: none;
}

main .display-hide-left-container .display-hide-left-container-box i.display {
  display: block;
}


/* 底部样式 */
footer {
  width: 100%;
  height: 20px;

  background-color: var(--background-color);
}

.footer-container {
  display: grid;
  /* grid-template-columns: 1fr 3fr; */
  /* 内容垂直居中 */
  align-items: center;
  /* 居中 */
  justify-content: center;
}

/* 整休布局end */

/* 去掉a 标签的默认样式 */
a {
  text-decoration: none;
  color: inherit;
}

/* 自定义滚动条样式 */
::-webkit-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--text-color-gray);
  border-radius: 2px;
}

::-webkit-scrollbar-track {
  background-color: var(--secondary-color);
}

header .logo {
  font-size: 24px;
  font-weight: 600;
  color: var(--text-color-lightest);
  display: flex;
  gap: 5px;
  align-items: center;
}

header .logo #logoImgBox,
header .logo #logoImgBox img {
  height: 30px;
  border-radius: 2px;

}

/* 给logo添加动画效果 */
#logoImgBox:hover {
  animation: rotate-scale-up-diag-2 0.7s linear both;
}

@keyframes rotate-scale-up-diag-2 {
  0% {
    transform: scale(1) rotate3d(-1, 1, 0, 0deg);
  }

  50% {
    transform: scale(2) rotate3d(-1, 1, 0, 180deg);
  }

  100% {
    transform: scale(1) rotate3d(-1, 1, 0, 360deg);
  }
}

header nav {
  /* 靠右 */
  margin-left: auto;
  height: 100%;
  /* 设置高度为100% */
  display: flex;
  justify-content: center;
  align-items: center;
}

header nav a {
  color: var(--text-color-lightest);
  text-decoration: none;
  margin: 0 10px;
  /* 左右间距 */
  padding: 0 10px;
  /* 内边距 */
  position: relative;
  /* 使伪元素相对于a标签定位 */
  padding-bottom: 2px;
  /* 为下划线留出空间 */
  height: 100%;
  /* 设置高度为100% */
  display: flex;
  /* 使用Flexbox布局 */
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
}

header nav a::before,
header nav a::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: var(--primary-color);
  transition: width 0.3s ease;
  left: 50%;
  /* 统一基准点为中间 */
  transform: translateX(-50%);
  /* 居中定位 */
}

/* 修正hover样式 */
header nav a:not(:last-child):hover::before,
header nav a:not(:last-child):hover::after {
  width: 70%;
  /* 合并为单一线条 */
  transform: translateX(-50%);
  /* 保持居中 */
}

/* 修改最后一个a标签的hover效果指向input */
header nav .search-container:hover input {
  /* 使用 box-shadow 模拟边框效果 */
  box-shadow: 0 0 0 2px var(--primary-color);
  border-radius: 3px;
  transition: box-shadow 0.3s ease;
}

/* 激活样式 */
header nav input.active-border {
  box-shadow: 0 0 0 2px var(--primary-color) !important;
}

/* 搜索输入框点击时的样式 */
header nav input.active-border {
  /* 使用 box-shadow 模拟边框效果 */
  box-shadow: 0 0 0 2px var(--primary-color);
}

header nav a.active {
  position: relative;
}

header nav a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 70%;
  height: 4px;
  background-color: var(--primary-color);
  transform: translateX(-50%);
}

/* 新增搜索容器样式 */
header .search-container {
  height: 60%;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

header nav input {
  outline: none;
  border: none;
  border-radius: 3px;
  padding-left: 10px;
  height: 100%;
  /* 修改高度设置 */
  width: 200px;
  /* 添加固定宽度 */
  transition: box-shadow 0.3s ease;
}

/* 大屏时先不显示汉堡按钮 */
header .burger {
  display: none;
}

/* main */
main {
  position: relative;
  /* 左右添加边框 */
  /* border-left: 1px solid var(--text-color-light-gray); */
  /* border-right: 1px solid var(--text-color-light-gray); */
}

main section {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  display: none;
}


main section.displayBlock {
  display: block;
}

main .tiaoWenBox {
  width: 100%;
  height: 100%;
  /* height: calc(100vh - 70px);  */
  display: grid;
  grid-template-columns: 6fr 2fr;
  grid-template-rows: 1fr;
  grid-template-areas: "right-container left-container";
}

/* 给right-container命名用于换位置 */
.right-container {
  grid-area: right-container;
}

.left-container {
  grid-area: left-container;
}

/* 超出时显示滚动条 */
main .tiaoWenBox .left-container {
  border: 1px solid var(--text-color-light-gray);
  position: relative;
  /* 父容器相对定位 */
}

main .tiaoWenBox .left-container ul {
  position: absolute;
  /* 绝对定位 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  /* 超出时显示滚动条 */
  /* 去掉横向滚动条 */
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* li 样式 */
.left-container ul li {
  white-space: nowrap;
  /* 防止内容换行 */
  overflow: hidden;
  /* 隐藏超出的内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  max-width: 100%;
  /* 限制 li 的最大宽度 */
  display: block;
  /* 确保 li 是块级元素 */

  transition: transform 0.3s ease;
}

.left-container ul li:hover {
  /* 鼠标移入放大 */
  transform: scale(1.05);
  cursor: pointer;
  background-color: var(--text-color-lightest);
}

.left-container li a {
  display: block;
  /* 确保 a 标签是块级元素 */
  width: 100%;
  /* 占满父容器宽度 */
  overflow: hidden;
  /* 隐藏超出的内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  padding: 10px 10px;
}

.left-container li.active {
  background-color: #393d49;
  color: white;
  font-weight: bold;
  position: relative;
  /* 确保伪元素相对于 li 定位 */
}

.left-container li.active::before {
  content: "";
  /* 伪元素内容 */
  position: absolute;
  /* 垂直居中 */
  transform: translateY(-50%);
  /* 垂直居中 */
  width: 6px;
  /* 点的宽度 */
  height: 100%;
  /* 点的高度 */
  background-color: var(--primary-color);
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  transform: none;
  border-radius: 0;
}

/* 方剂样式 */
.fanJi {
  color: #ff434f9c;
  display: inline-block;
  /* 必须为块级或内联块 */
  transition: transform 0.3s ease;
  transform-origin: center center;
  /* 设置缩放原点 */
}

.fanJi:hover {
  /* 放大 */
  transform: scale(1.05);
}

/* 让滚动条出现在左边 */
.right-container .tiaoWen {
  direction: rtl;
  /* 让滚动条出现在左边 */
  overflow-y: auto;
  height: 100%;
}

/* -------------------- */
/* index.css 新增样式 */
/* 滚动容器样式 */
.right-container .tiaoWen {
  scroll-behavior: smooth;
}

/* ----------- */
.right-container .tiaoWen>* {
  direction: ltr;
  /* 恢复内部内容为从左到右显示 */
  transform: translateZ(0);
  /* 强制重绘，避免文字被裁剪 */
}

.right-container {
  position: relative;
}

.right-container .tiaoWen {
  position: absolute;
  /* 绝对定位 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  /* 超出时显示滚动条 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.right-container .tiaoWen-section {
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
}

.right-container .tiaoWen-section .tiaoWen-title {
  margin-bottom: 10px;
  text-align: center;
}

.right-container .tiaoWen-section .tiaoWen-content-item {
  border: 1px solid var(--text-color-light-gray);
  margin-bottom: 2px;
  display: flex;
  padding: 5px;
  /* 新增背景色设置 */
  background-color: #F6F5FF;
  /* 默认第一个颜色 */
}

/* 设置交替背景色 */
.right-container .tiaoWen-section:nth-child(4n+1) .tiaoWen-content-item {
  background-color: #F6F5FF;
  /* 第一个颜色 */
}

.right-container .tiaoWen-section:nth-child(4n+2) .tiaoWen-content-item {
  background-color: #FFF7F5;
  /* 第二个颜色 */
}

.right-container .tiaoWen-section:nth-child(4n+3) .tiaoWen-content-item {
  background-color: #F5F8FF;
  /* 第三个颜色 */
}

.right-container .tiaoWen-section:nth-child(4n+4) .tiaoWen-content-item {
  background-color: #F0F7FA;
  /* 第四个颜色 */
}

/* 保留原有hover效果 */
.right-container .tiaoWen-section .tiaoWen-content-item:hover {
  transform: scale(1.01);
  cursor: pointer;
  background-color: var(--text-color-lightest) !important;
}

.right-container .tiaoWen-section .tiaoWen-content-item .number {
  color: var(--primary-color);
}

/* footer 样式 */
footer {
  display: grid;
  /* 居中 */
  justify-items: center;
}

footer .footer-item-title {
  font-size: 7px;
}

/* 新增高亮样式 */
.highlight {
  background-color: #ffd700;
  padding: 0 2px;
  border-radius: 3px;
}

.highlight-temp {
  animation: highlightFade 5s forwards;
}

@keyframes highlightFade {
  0% {
    background-color: #ffd700;
  }

  100% {
    background-color: transparent;
  }
}


/* 新增搜索页面专用样式 */
.search-tiaowen-box {
  height: calc(100vh - 70px);
  display: grid;
  grid-template-columns: 2fr 6fr;
  grid-template-areas: "search-left-container search-right-container";
}

/* 超出文字省略 */
.search-tiaowen-box li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
  /* padding: 10px 10px; */
  transition: transform 0.3s ease;
  cursor: pointer;
}

.search-left-container ul li:hover {
  /* 鼠标移入放大 */
  transform: scale(1.05);
  cursor: pointer;
  background-color: var(--text-color-lightest);
}

.search-left-container li a {
  display: block;
  /* 确保 a 标签是块级元素 */
  width: 100%;
  /* 占满父容器宽度 */
  overflow: hidden;
  /* 隐藏超出的内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  padding: 10px 10px;
}

.search-left-container li.active {
  background-color: #393d49;
  color: white;
  font-weight: bold;
  position: relative;
  /* 确保伪元素相对于 li 定位 */
}

.search-left-container li.active::before {
  content: "";
  /* 伪元素内容 */
  position: absolute;
  /* 绝对定位 */
  top: 50%;
  /* 垂直居中 */
  transform: translateY(-50%);
  /* 垂直居中 */
  width: 6px;
  /* 点的宽度 */
  height: 100%;
  /* 点的高度 */
  background-color: var(--primary-color);
  /* 点的颜色 */
  /* border-radius: 50%; */
}

.search-left-container {
  grid-area: search-left-container;
  /* 滚动容器样式 */
  overflow-y: auto;
  border: 1px solid var(--text-color-light-gray);
}

.search-right-container {
  grid-area: search-right-container;
}

.search-tiaowen {
  direction: ltr !important;
  padding: 15px;
}

.search-right-container .search-tiaoWen>* {
  direction: ltr;
  /* 恢复内部内容为从左到右显示 */
  transform: translateZ(0);
  /* 强制重绘，避免文字被裁剪 */
}

.search-right-container {
  position: relative;
}

.search-right-container .search-tiaowen {
  position: absolute;
  /* 绝对定位 */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  /* 超出时显示滚动条 */
  padding: 0;
  margin: 0;
  list-style: none;
}

.search-right-container .tiaoWen-section {
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
}

.search-right-container .tiaoWen-section .tiaoWen-title {
  margin-bottom: 10px;
  text-align: center;
}

.search-right-container .tiaoWen-content .tiaoWen-content-item {
  border: 1px solid var(--text-color-light-gray);
  margin-bottom: 2px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  /* 新增背景色设置 */
  background-color: #F6F5FF;
  /* 默认第一个颜色 */
}

.search-right-container .tiaoWen-content .tiaoWen-content-item .content {
  flex: 1;
}

.tiaoWen-content .tiaoWen-content-item .returnOriginalPlaceBox {
  border-left: 1px solid var(--text-color-light-gray);
  display: flex;
  justify-content: center;
  align-items: center;
}

.tiaoWen-content .tiaoWen-content-item .returnOriginalPlaceBox .returnOriginalPlace {
  /* border: 1px solid var(--text-color-light-gray); */
  cursor: pointer;
  color: #ffff;
  background-color: #ff434f;
  border-radius: 5px;
  padding: 5px;
  margin: 0px 5px;
  font-size: 15px;
}

.tiaoWen-content .tiaoWen-content-item .returnOriginalPlaceBox .returnOriginalPlace:hover {
  /* 放大 */
  transform: scale(1.05);
}

/* 设置交替背景色 */
.search-right-container .search-tiaowen .tiaoWen-section:nth-child(4n+1) {
  /* 第一个颜色 */
  background-color: #F6F5FF;
}

.search-right-container .search-tiaowen .tiaoWen-section:nth-child(4n+2) {
  /* 第二个颜色 */
  background-color: #FFF7F5;
}

.search-right-container .search-tiaowen .tiaoWen-section:nth-child(4n+3) {
  /* 第三个颜色 */
  background-color: #F5F8FF;
}

.search-right-container .search-tiaowen .tiaoWen-section:nth-child(4n+4) {
  /* 第四个颜色 */
  background-color: #F0F7FA;
}

/* 新增无结果提示样式 */
.no-results {
  text-align: center;
  padding: 50px;
  color: var(--text-color-gray);
  font-size: 1.2rem;
}

.no-results i {
  font-size: 2rem;
  display: block;
  margin-bottom: 15px;
  color: var(--primary-color);
}


/* 弹窗样式 */
.popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  /* 加点模糊 */
  backdrop-filter: blur(1px);

}

.popup .popup-content {
  /* 水平垂直居中 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 70vw;
  height: 90%;
}

.popup .popup-header {
  padding: 10px;
  padding-bottom: unset;
}

.popup .popup-main {
  /* 超出显示滚动条 */
  overflow-y: auto;
  /* height: calc(100% - 40px); */
  height: calc(90%);
  padding: 10px;
}

.popup .popup-title-name {
  font-size: 30px;
}

.popup .popup-content-item-title {
  font-size: 22px;
}

.popup .popup-content .popup-title {
  display: grid;
  grid-template-columns: 5fr 1fr;
  color: var(--primary-color);
  border-bottom: 1px solid var(--text-color-light-gray);
  padding-bottom: 10px;
}

.popup .popup-content .popup-title .popup-title-close {
  /* 居右 */
  justify-self: end;
  color: var(--primary-color);
  cursor: pointer;
  padding: 8px;
  /* 扩大点击区域 */
  display: flex;
  align-items: center;
  justify-content: center;
  /* 禁止选中 */
  user-select: none;
}

.popup .popup-content .popup-title .popup-title-close i {
  font-size: 1.2em;
  /* 调整图标尺寸 */
  pointer-events: none;
  /* 防止图标阻挡点击事件 */
}

.popup .popup-content .popup-title .popup-title-close:hover {
  /* 放大 */
  transform: scale(1.3);
}


.popup .popup-content .popup-content-item {
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
}

.popup .popup-content .popup-content-item:hover {
  /* 放大 */
  transform: scale(1.01);
}

.popup .popup-content .popup-content-item .popup-content-item-title {
  text-align: center;
  color: #ff434f9c;
}

.popup .popup-content .popup-content-item .popup-content-item-fans {
  display: flex;
  /* 允许换行 */
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-around;
}

.popup .popup-content .popup-content-item .popup-content-item-fans .popup-content-item-fan {
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
  padding: 5px;
  border-radius: 5px;
}

.popup .popup-content .popup-content-item .popup-content-item-fans .popup-content-item-ji {
  color: darkgreen;
  font-size: 12px;
}

.popup fieldset {
  border-radius: 5px;
  padding: 10px;
}

.popup fieldset:hover {
  /* 放大 */
  transform: scale(1.01);
  background-color: var(--text-color-lightest);
}

.popup fieldset legend {
  /* 居中 */
  margin-left: 5%;
  color: #ff434f9c;
}

.popup fieldset .popup-content-item-notes-text {
  /* 首行缩进2个字符 */
  text-indent: 2em;
}

.popup .popup-content .popup-content-item .popup-content-item-tiaoWenText {
  border: 1px solid var(--text-color-light-gray);
  padding: 5px;
  margin: 5px 0;
}

/* 条文解释弹窗 */
#tiaoWenJieShi-popup .popup-main {
  /* height: calc(100% - 150px); */
  height: calc(80%);
}

#tiaoWenJieShi-popup .popup-main legend {
  /* 居中 */
  text-align: center;
  margin-left: unset !important;
}

#tiaoWenJieShi-popup .popup-main .popup-content-item-tiaoWenJieShi {
  /* 首行行 缩 进 2 个 字 */
  text-indent: 2em;
  border-bottom: 1px solid var(--text-color-light-gray);
}

/* 新增提示框样式 */
.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 15px 25px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 9999;
  opacity: 0;
  animation: fadeIn 0.3s ease forwards,
    fadeOut 0.3s ease 2s forwards;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.toast i {
  font-size: 1.2em;
  color: var(--primary-color);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


/* 医案 */
#yiAn .container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 6fr 1.5fr;
  grid-template-rows: 1fr;
  grid-template-areas: "right-container left-container";
  padding: unset;
}

.right-container {
  grid-area: right-container;
}

.left-container {
  grid-area: left-container;
  background: linear-gradient(180deg, rgba(172, 220, 255, .93) -7%, #fff 14%), #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px var(--text-color-dark-gray);
}

.left-container .title {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid var(--text-color-light-gray);
}

.left-container .list-container {
  padding: 6px;
}

.left-container .list-container.active {
  position: relative;
  background-color: #393d49;
  color: white;
}

.left-container .list-container.active::before {
  content: "";
  /* 伪元素内容 */
  position: absolute;
  /* 垂直居中 */
  transform: translateY(-50%);
  /* 垂直居中 */
  width: 6px;
  /* 点的宽度 */
  height: 100%;
  /* 点的高度 */
  background-color: var(--primary-color);
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  transform: none;
  border-radius: 0;
}

.left-container .list-container:hover {
  /* 小手 */
  cursor: pointer;
  user-select: none;
}

.left-container .list-container .list-item {
  display: flex;
  gap: 5px;
}

.left-container .list-container .list-item .item-img {
  max-width: 50px;
  max-height: 50px;

}

.left-container .list-container .list-item .item-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.left-container .list-container .list-item .item-info {
  width: 100%;
}

.left-container .list-container .list-item .item-info .item-position {
  background: rgba(18, 178, 152, .05);
  border: 1px solid rgba(18, 178, 152, .4);
  color: #12b298;
  /* 宽度自适应 */
  width: max-content;
  font-size: 15px;
}

/* 右边 */
#yiAn .right-container {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  align-items: center;
}

#yiAn .right-container .cases {
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
}

#yiAn .right-container .cases .case-item {
  width: 5vw;
  height: 5vw;
}

/* ------------------更多 --------------------------*/
#gengDuo {
  height: calc(100vh - 70px);
  /* 设置固定高度触发滚动 */
  padding: 10px;
  overflow-y: auto;
}

#gengDuo .card {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  /* 阴影 */
  box-shadow: 0 0 5px var(--text-color-dark-gray);
}

#gengDuo .card h3 {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--text-color-light-gray);
}

#gengDuo .card .card-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  margin-top: 10px;
}